/* LESS Document */
@charset "utf-8";

.ui-page-theme-a{ text-shadow:none;}
body{background-color:#fff;}


//公共变量
@red:#cc293b;
@red_hover:#d42e40;
@red_login_bg:url(../image/bg_red.jpg) no-repeat;
@red_login_head_img:url(../image/head_icon_red.png);
@red_login_logo:url(../image/logo_red.png) no-repeat center top;

@homepage_menu_icon:url(../image/nav_icon_red.png) no-repeat;


//公共样式
.wrap{width:100%; height:100%; position:absolute; left:0; top:0;}


//登陆页
.login_wrap{ .wrap; background:@red_login_bg; background-size:100% 100%; z-index:10;}
.login_wrap .login_left{ width:35%; height:60%; background:#FFF; border-radius:3px; margin:7% 0 0 10%; overflow:auto; float:left; border:2px solid #d8d8d8;}
.login_wrap .login_left li{ padding:3% 0 3% 25%; border-bottom:1px solid #d8d8d8; background-image:@red_login_head_img; background-repeat:no-repeat; cursor:pointer;}
.login_wrap .login_left li.man{ background-position:9% -124px;}
.login_wrap .login_left li.woman{ background-position:9% 8px;}
.login_wrap .login_left li span{ width:40%;}
.login_wrap .login_left li span.name{ color:#666; font-size:100%;}
.login_wrap .login_left li span.phone{ color:#666; font-size:100%;}
.login_wrap .login_left li.active{ background-color:#fff7f7;}
.login_wrap .login_left li.active span.name{ color:#333}
.login_wrap .login_left li.active span.phone{ color:#333}
.login_wrap .login_right{ width:42%; height:70%; float:right; margin:15% 6% 0 0;}
.login_wrap .login_right .logo{height:87px; padding-bottom:70px; background:@red_login_logo;}
.login_wrap .login_right .shop{ padding-bottom:15px; font-size:20px; color:#666; }
.login_wrap .login_right .shop .name{ color:#666;}
.login_wrap .login_right .land{ position:relative;}
.login_wrap .login_right .land .input_01{ background:#FFF; width:97%; height:50px; border-radius:3px; padding-left:2%; vertical-align:middle; border:2px solid @red;}
.login_wrap .login_right .land .input_02{ width:100px; height:50px; vertical-align:middle; cursor:pointer; background:@red; color:#FFF; position:absolute; top:0; right:0;border:2px solid @red; line-height:50px; text-align:center; border-top-right-radius:3px; border-bottom-right-radius:3px; font-size:130%; font-weight:bold;}
.login_wrap .login_right .land .input_02:hover{ background:@red_hover;}


//首页
.homepage{.wrap;}
.homepage .homeleft{ width:21.8%; height:100%; float:left; background:#383f49; position:relative;}
.homepage .homeleft .logo{ width:75%; position:absolute; top:6%; left:50%; margin-left:-37.5%;}
.homepage .homeleft .middle_wrap{ position:absolute; width:100%; left:0; top:20%;}
.homepage .homeleft .middle_wrap .headimg{ width:70%; margin:0 auto; border-radius:50%; border:3px solid #5d6169; overflow:hidden;}
.homepage .homeleft .middle_wrap .headimg img{ width:100%; height:100%;}
.homepage .homeleft .middle_wrap .username{ text-align:center; color:#FFF; font-weight:bold; font-size:120%; padding:5px 0 20px;}
.homepage .homeleft .middle_wrap .wdzh{ width:85%; font-size:120%; color:#FFF; padding:6% 0; text-align:center; background:#2d323b; font-weight:bold; border-radius:5px; border:2px solid #2a2e37; box-shadow:0 0 10px #424952; margin:0 auto;}
.homepage .homeleft .bottom_wrap{ position:absolute; width:100%; left:0; bottom:1%;}
.homepage .homeleft .bottom_wrap .qrcode{ width:60%; padding:5%; background:#FFF; margin:0 auto;}
.homepage .homeleft .bottom_wrap .smgz{ text-align:center; font-size:120%; color:#FFF; font-weight:bold; padding-top:10px;}
.homepage .homeright{ width:78.2%; height:100%; float:right; background:#f4f9ff;}
.homepage .homeright .top{ width:94%; height:4.6%; padding:1% 3%; background:@red;}
.homepage .homeright .top .func_btn{ display:inline-block; height:100%; width:9.5%; position:relative; float:right;}
.homepage .homeright .top .func_btn:hover{ top:1px;}
.homepage .homeright .top .func_btn .icon{ display:inline-block; width:8px; height:8px; background:#ffd400; border-radius:50%; vertical-align:top; margin-left:4px;}
.homepage .homeright .banner{ padding:2% 2%; height:40%;}
.homepage .homeright .banner .pic{ width:60%; height:100%; float:left; border:1px solid #e4e5e9;}
.homepage .homeright .banner .weather{ width:37%; height:100%; float:right; border:1px solid #e4e5e9; background:url(../image/weather_bg.jpg) no-repeat; background-size:100% 100%;}
.homepage .homeright .banner .weather .weather_infor{ width:100%; height:100%; overflow:hidden;}
.homepage .homeright .banner .weather .weather_infor .date{ width:100%; padding:10% 0 15%; text-align:center; color:#FFF; font-size:130%;}
.homepage .homeright .banner .weather .weather_infor .date #date{ color:#FFF; margin-right:5%;}
.homepage .homeright .banner .weather .weather_infor .date #week{ color:#FFF;}
.homepage .homeright .banner .weather .weather_infor .infor_harf{width:50%; float:left; box-sizing:border-box; height:25%; text-align:center; color:#FFF; font-size:130%;}
.homepage .homeright .banner .weather .weather_infor #city{ padding-top:11%;}
.homepage .homeright .banner .weather .weather_infor #icon{ padding-top:2%;}
.homepage .homeright .banner .weather .weather_infor #temp{ padding-top:2%;}
.homepage .homeright .banner .weather .weather_infor #weather{ padding-top:6%;}
.homepage .homeright .menu{ width:96%; height:45%; margin:0 auto; box-sizing:border-box;}
.homepage .homeright .menu td{border:2px solid #e4e5e9; width:25%; box-sizing:border-box;}
.homepage .homeright .menu .item{ display:inline-block; width:100%; height:100%; text-align:center;}
.homepage .homeright .menu .item:hover{ background:#ededed;}
.homepage .homeright .menu .item .icon{ display:block; margin:15% auto 0; width:68px; height:68px; background:@homepage_menu_icon;}
.homepage .homeright .menu .item.daog .icon{ width:81px; background-position:-219px 0;}
.homepage .homeright .menu .item.tuij .icon{ width:74px; background-position:-446px 0;}
.homepage .homeright .menu .item.dingd .icon{ background-position:-676px 0;}
.homepage .homeright .menu .item.shangp .icon{ background-position:0 -184px;}
.homepage .homeright .menu .item.cunh .icon{ background-position:-225px -184px;}
.homepage .homeright .menu .item.shouy .icon{width:76px; background-position:-448px -184px;}
.homepage .homeright .menu .item.fenx .icon{ background-position:-676px -187px;}
.homepage .homeright .menu .item .menuname{ display:block; text-align:center; color:#333; font-size:150%; padding-top:2%;}


//主框架导航
.main_wrap{.wrap; overflow:hidden;}
.main_wrap .head{ display: block; height:5%; padding:1% 3%; background:@red url(../image/back_icon.png) no-repeat; background-size: auto 40%; background-position: 1.8% center;}
.main_wrap .head .back_index{ display:inline-block; font-size:130%; color:#FFF; margin-right:5%; vertical-align:middle; line-height:18px;}
.main_wrap .head .item{ vertical-align:middle; color:#FFF; margin-right:1%;}
.main_wrap .head .item_num{ vertical-align:middle; color:#f39d06; margin-right:3%; font-size:140%;}
.main_wrap .head .nav_widget{ display:inline-block; height:100%; width:60px; float:right; margin-left:2.5%; position:relative;}
.main_wrap .head .nav_widget img{height:40px; width: 40px;}
.main_wrap .head .nav_widget .warn{ display:inline-block; width:7px; height:7px; background:#fabe00; border-radius:50%; vertical-align:top;}
.main_wrap .head .nav_widget:hover{ top:1px;}


//二级导航
.set_item{ width:18%; height:100%; overflow:auto; float:left; background:#f1f1f1; border-right:2px solid #666; box-sizing:border-box;}
.set_item li{ padding:10px 0 10px 10%; cursor:pointer; border-bottom:1px solid #e1e1e1;}
.set_item li .icon{ display:none;}
.set_item li .text{ vertical-align:sub; color:#666; font-size:1.2em;}
.set_item li.curr{ background:#FFF; border-left:5px solid @red;}
.set_item li.curr .text{color:@red; font-weight:bold;}
.item_cont{ width:80%; height:100%; overflow:auto; float:right;}

.set_item .sep_title{ padding:14px 0 14px 10%; font-weight:bold; background:#FFF; color:#666; font-size:1.2em;}
.set_item .sep_title .title_icon{ display:inline-block; width:8px; height:8px; background:@red; border-radius:50%; vertical-align:middle; margin-right:10px;}













